<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<link rel="shortcut icon" href="../imgs/favicon.ico" />
	<link rel="stylesheet" href="../css/iconfont.css">
	<link rel="stylesheet" href="../css/bootstrap.css">
	<title>Postman | Learning Center</title>
	<link rel="stylesheet" href="../css/LearningCenter.css">
</head>
<body>
	<header class="zjm-nav">
		<nav class="navbar navbar-default">
		  <div class="container-fluid">
		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		      <a class="navbar-brand" href="#"><img src="../imgs/LearningCenterlogo.svg" alt="" class="navlogo"></a>
		      <a href="#" class="bigtitle"><span>Learning Center</span></a>

		    </div>

		    <!-- Collect the nav links, forms, and other content for toggling -->
		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      <!-- <ul class="nav navbar-nav">
		        <li><a href="#">Learning Center <span class="sr-only">(current)</span></a></li>
		      </ul> -->
		      <form class="navbar-form navbar-left">
		        <div class="form-group">
		          <input type="text" class="form-control col-lg-4" placeholder="Search Postman Docs">
		        </div>
		      </form>
		      <ul class="nav navbar-nav navbar-right">
		        <li><a href="#">DOCS</a></li>
		        <li><a href="#">ADMIN</a></li>
		        <li><a href="#">DEVELOPER</a></li>
		        <li class="thefouth">
		          <a href="#" role="button" class="nav-button">Sing In</a>
		        </li>
		      </ul>
		    </div><!-- /.navbar-collapse -->
		  </div><!-- /.container-fluid -->
		</nav>		
	</header>


	<section class="zjm-main1">
		<div class=" clearfix container">
			<div class="row container main1-text col-md-7">
		   		<h3>Postman Learning Center</h3>
		        <p>Learn how to use Postman effectively in your API projects. Check out the docs and support resources!</p>
		        <p><a href="#" class="btn btn-primary" role="button">Explore the docs</a></p>
			</div>	
		  <img src="../imgs/postmanauts-rocket-0e78f9a3167bd48915611a274d9135b7.png" class="col-md-5" alt="...">
		</div>				
	</section>

	<section class="zjm-main2 container">
		<div class="row text-center">
			<div class="col-lg-12">
				<h5>Design - Develop - Test - Collaborate</h5>
				<div class="row maincontent">
					<div class="maincard col-lg-4  col-sm-6 col-xs-12">
						<main href="#" class="thumbnail">
							<div class="cardtop">
							<div class="topimg">
								<img src="../imgs/card1.png" alt="">
							</div>
							</div>
							<div class="cardcontent">
								<h6>Get Started</h6>
								<p>Learn the Postman fundamentals by reading the docs.</p>
								<a href="#" class="btn">Begin Learning</a>
							</div>
						</main>
					</div>
					<div class="maincard col-lg-4  col-sm-6 col-xs-12">
						<main href="#" class="thumbnail">
							<div class="cardtop">
							<div class="topimg">
								<img src="../imgs/card1.png" alt="">
							</div>
							</div>
							<div class="cardcontent">
								<h6>Admin</h6>
								<p>Administer your account and set up your team for success.</p>
								<a href="#" class="btn">Manage Postman</a>
							</div>
						</main>
					</div>
					<div class="maincard col-lg-4  col-sm-6 col-xs-12 thelast">
						<main href="#" class="thumbnail">
							<div class="cardtop">
							<div class="topimg">
								<img src="../imgs/card1.png" alt="">
							</div>
							</div>
							<div class="cardcontent">
								<h6>Develop</h6>
								<p>Build your own utilities with Postman resources.</p>
								<a href="#" class="btn">Discover resources</a>
							</div>
						</main>
					</div>

					<div class="maincard col-lg-4  col-sm-6 col-xs-12  maincard2">
						<main href="#" class="thumbnail">
							<div class="card2">
								<h6>Community</h6>
								<p>Connect to the Postman community on our forum.</p>
								<a href="#" class="btn">Visit Forum</a>
							</div>
						</main>
					</div>

					<div class="maincard col-lg-4  col-sm-6 col-xs-12  maincard2">
						<main href="#" class="thumbnail">
							<div class="card2">
								<h6>API Network</h6>
								<p>Find templates for learning and connecting to existing APIs.</p>
								<a href="#" class="btn">Browse Network</a>
							</div>
						</main>
					</div>

					<div class="maincard col-lg-4  col-sm-6 col-xs-12 thelast maincard2">
						<main href="#" class="thumbnail">
							<div class="card2">
								<h6>Videos</h6>
								<p>Learn Postman skills from our video playlists.</p>
								<a href="#" class="btn">Watch Videos</a>
							</div>
						</main>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="zjm-main3">
		<div class=" clearfix container text-center">
			<img src="../imgs/postmanauts-rocket-0e78f9a3167bd48915611a274d9135b7.png" class="col-md-8" alt="...">
			<div class="row container main1-text col-md-4">
		   		<h3>Intro to Postman</h3>
		        <p>Learn the Postman fundamentals in this video course for beginners.</p>
		        <p>Send and authorize a request, write test scripts, and chain requests together.</p>
			</div>	
		</div>				
	</section>
	

	<section class="zjm-main4 row">
		<div class="container">
			<div class="col-md-12 text-center main4content">
				<div class="maincard col-lg-4  maincard2">
					<main href="#" class="thumbnail">
						<div class="card2">
							<h6>Postman support</h6>
							<p>Reach out to our support team.</p>
							<a href="#" class="btn">Open a ticket</a>
						</div>
					</main>
				</div>
				<div class="maincard col-lg-4  maincard2">
					<main href="#" class="thumbnail">
						<div class="card2">
							<h6>Bugs and feature requests</h6>
							<p>Check out the app support repo.</p>
							<a href="#" class="btn">Make a require</a>
						</div>
					</main>
				</div>
				<div class="maincard col-lg-4  maincard2">
					<main href="#" class="thumbnail">
						<div class="card2">
							<h6>Product roadmap</h6>
							<p>Find out what we're working on.</p>
							<a href="#" class="btn">See the roadmap</a>
						</div>
					</main>
				</div>
				
				
			</div>
		</div>
	</section>

	<section class="zjm-footer">
	<div class="container">
		<div class="row">
			<div class="col-xs-6 col-sm-4 mb-4 mb-md-0 col-md-2">
				<nav aria-labelledby="platform-list">
					<h6 id="platform-list" class="footer-title">PRODUCT</h6>
					<ul>
						<li><a href="#">API Platform</a></li>
						<li><a href="#">API Client</a></li>
						<li><a href="#">Automated Testing</a></li>
						<li><a href="#">Design & Mock</a></li>
						<li><a href="#">Documentation</a></li>
						<li><a href="#">Monitors</a></li>
						<li><a href="#">Version Control</a></li>
						<li><a href="#">Workspaces</a></li>
						<li><a href="#">Interceptor</a></li>
						<li><a href="#">API Visualizer</a></li>
					</ul>
				</nav>
			</div>

			<div class="col-xs-6 col-sm-4 mb-4 mb-md-0 col-md-2">
				<nav aria-labelledby="platform-list">
					<h6 id="platform-list" class="footer-title">RESOURCES</h6>
					<ul>
						<li><a href="#">Download the App</a></li>
						<li><a href="#">Release Notes</a></li>
						<li><a href="#">Integrations</a></li>
						<li><a href="#">Postman API</a></li>
						<li><a href="#">Open-Source</a></li>
						<li><a href="#">System Status</a></li>
						<li><a href="#">Case Studies</a></li>
						<li><a href="#">Webinars</a></li>
					</ul>
				</nav>
			</div>

			<div class="col-xs-6 col-sm-4 mb-4 mb-md-0 col-md-2">
				<nav aria-labelledby="platform-list">
					<h6 id="platform-list" class="footer-title">USE CASES</h6>
					<ul>
						<li><a href="#">Overview</a></li>
						<li><a href="#">Development</a></li>
						<li><a href="#">Testing</a></li>
						<li><a href="#">Product Management</a></li>
					</ul>
				</nav>
			</div>

			<div class="col-xs-6 col-sm-4 mb-4 mb-md-0 col-md-2">
				<nav aria-labelledby="platform-list">
					<h6 id="platform-list" class="footer-title">PRICING</h6>
					<ul>
						<li><a href="#">Overview</a></li>
						<li><a href="#">Postman Enterprise</a></li>
					</ul>
				</nav>
			</div>

			<div class="col-xs-6 col-sm-4 mb-4 mb-md-0 col-md-2">
				<nav aria-labelledby="platform-list">
					<h6 id="platform-list" class="footer-title">SUPPORT</h6>
					<ul>
						<li><a href="#">Support</a></li>
						<li><a href="#">Resellers Support</a></li>
						<li><a href="#">Learning Center</a></li>
						<li><a href="#">Community Content</a></li>
						<li><a href="#">Postman Community</a></li>
					</ul>
				</nav>
			</div>

			<div class="col-xs-6 col-sm-4 mb-4 mb-md-0 col-md-2">
				<nav aria-labelledby="platform-list">
					<h6 id="platform-list" class="footer-title">COMPANY</h6>
					<ul>
						<li><a href="#">About</a></li>
						<li><a href="#">Careers <span>We're Hiring!</span></a></li>
						<li><a href="#">Contact</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Press Releases</a></li>
						<li><a href="#">Swag Shop</a></li>
						<li><a href="#">POST/CON 2019</a></li>
					</ul>
				</nav>
			</div>
		</div>
		<div class="footer2 row">
			<div class="col-12 col-lg-6 mb-4">
				<nav class="footericon">
					<div class="mr-4">
						<a href="#"><span class="iconfont icon-facebook"></span></a>
					</div>
					<div class="mr-4">
						<a href="#"><span class="iconfont icon-twitter"></span></a>
					</div>
					<div class="mr-4">
						<a href="#"><span class="iconfont icon-linkedin"></span></a>
					</div>
					<div class="mr-4">
						<a href="#"><span class="iconfont icon-github"></span></a>
					</div>
					<div class="mr-4">
						<a href="#"><span class="iconfont icon-twitch"></span></a>
					</div>
					<div class="mr-4">
						<a href="#"><span class="iconfont icon-youtube"></span></a>
					</div>
				</nav>
			</div>
			<div class="col-12 col-lg-6 mb-4">
				<nav class="footericon">
					<div class="col-12 text-center">
						<p class="pt-2">© 2020 Postman, Inc. All rights reserved. <a href="#">Security</a><a href="#">Privacy Policy</a><a href="#">Terms</a></p>
					</div>
				</nav>
			</div>
		</div>
	</div>	
	</section>
	<script src="../js/jquery.js"></script>
	<script src="../js/bootstrap.js"></script>
</body>
</html>